﻿<!-- begin #sidebar -->
<div id="sidebar" class="sidebar">
    <!-- begin sidebar scrollbar -->
    <div data-scrollbar="true" data-height="100%">
        <!-- begin sidebar user -->
        <ul class="nav">
            <li class="nav-profile">
                <a href="javascript:;" data-toggle="nav-profile">
                    <div class="cover with-shadow"></div>
                    <div class="image">
                        <img src="./assets/img/user.jpg" alt="">
                    </div>
                    <span id="inbox" class="label label-primary">0</span>

                    <div class="info">
                        <b class="caret pull-right"></b>Enter
                        <small>study hard and make progress every day.</small>
                    </div>
                </a>
            </li>
            <li>
                <ul class="nav nav-profile">
                    <li><a href="javascript:;"><i class="fa fa-inbox"></i> <span class="badge badge-danger pull-right">0</span> Inbox</a></li>
                    <li><a href="javascript:;"><i class="fa fa-calendar-check"></i> Calendar</a></li>
                    <li><a href="javascript:;"><i class="fa fa-pencil-alt"></i> Edit profile</a></li>
                    <li><a href="javascript:;"><i class="fa fa-cog"></i> Settings</a></li>
                    <li><div class="dropdown-divider"></div></li>
                    <li><a href="javascript:;"><i class="fa fa-sign-out-alt"></i> Sign out</a></li>
                    <li><a href="javascript:;"><i class="fa fa-sign-in-alt"></i> Sign in</a></li>
                    <li><a href="javascript:;"><i class="fa fa-registered"></i> Sign up</a></li>
                </ul>
            </li>
        </ul>
        <!-- end sidebar user -->
        <!-- begin sidebar nav -->
        <ul class="nav">
            <li class="nav-header">Navigation</li>
            <li class="active">
                <a href="index.html">
                    <i class="material-icons">home</i>
                    <span>Home</span>
                </a>
            </li>
            <li class="has-sub">
                <a href="javascript:;">
                    <b class="caret"></b>
                    <i class="material-icons">list</i>
                    <span>Menu Level</span>
                </a>
                <ul class="sub-menu">
                    <li class="has-sub">
                        <a href="javascript:;">
                            <b class="caret"></b>
                            Menu 1.1
                        </a>
                        <ul class="sub-menu">
                            <li class="has-sub">
                                <a href="javascript:;">
                                    <b class="caret"></b>
                                    Menu 2.1
                                </a>
                                <ul class="sub-menu">
                                    <li><a href="javascript:;">Menu 3.1</a></li>
                                    <li><a href="javascript:;">Menu 3.2</a></li>
                                </ul>
                            </li>
                            <li><a href="javascript:;">Menu 2.2</a></li>
                            <li><a href="javascript:;">Menu 2.3</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:;">Menu 1.2</a></li>
                    <li><a href="javascript:;">Menu 1.3</a></li>
                </ul>
            </li>
        </ul>
        <!-- end sidebar nav -->
    </div>
    <!-- end sidebar scrollbar -->
</div>
<div class="sidebar-bg"></div>
<!-- end #sidebar -->